<%@page contentType="text/css" %>

/*::::: PIROBOX RULES::::::::*/

.piro_overlay {
	position: fixed;
	_position: absolute;
	z-index: 99997;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000;
}

.pirobox_content {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99998;
	display: block;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
}

.loading span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100008;
	display: block;
	width: 220px;
	height: 19px;
	margin-top: -9px;
	margin-left: -110px;
	background: none;
}

.loading span span { 
	position: absolute;
	display: block;
	z-index: 100009;
	width: 220px;
	height: 19px;
	background: url(/img/css/iconoCargando.gif) left top no-repeat;
}

.pirobox_up {
	position: absolute;
	z-index: 100011;
	right: 24px;
	bottom: 32px;
}

.pirobox_up a.piro_close {
	display: block;
	width: 29px;
	height: 29px;
	background: url(/img/css/botonCerrarSlideshow.png) left top no-repeat;
	text-indent: -999em;
}

.pirobox_down {
	position: absolute;
	z-index: 100010;
	bottom: 30px;
	left: 28px;
	height: 28px;
}

.piro_nav {
	padding-right: 120px;
}

.piro_nav .caption p {
	line-height: 14px;
	color: #6e6e6e;
}

.piro_nav .caption p em {
	float: left;
	margin: -2px 12px 12px 0;
	line-height: 16px;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: #5b9dcd;
}

a.piro_next {
	position: absolute;
	right: 30px;
	bottom: 2px;
	display: block;
	width: 30px;
	height: 29px;
	background: url(/img/css/botonSiguienteSlideshow.png) left top no-repeat;
	text-indent: -999em;
}

a.piro_prev {
	position: absolute;
	right: 60px;
	bottom: 2px;
	display: block;
	width: 30px;
	height: 29px;
	background: url(/img/css/botonAnteriorSlideshow.png) left top no-repeat;
	text-indent: -999em;
}

.t_l {
	width: 18px;
	height: 18px;
	background: url(/img/css/sombra_top_left.png) left top no-repeat;
}

.t_r {
	width: 18px;
	height: 18px;
	background: url(/img/css/sombra_top_right.png) left top no-repeat;
}

.t_c{
	height: 18px;
	background: url(/img/css/sombra_top_center.png) left top repeat-x;
}

.c_l {
	width: 18px;
	background: url(/img/css/sombra_center_left.png) left top repeat-y;
}

.c_r {
	width: 18px;
	background: url(/img/css/sombra_center_right.png) left top repeat-y;
}

.c_c {
	padding: 10px 10px 54px 10px;
	background: url(/img/css/fondoDetalleSlideshow.gif) left top repeat;
}

.c_c div img {
	display: block;
}

.b_l {
	width: 18px;
	height: 18px;
	background: url(/img/css/sombra_bottom_left.png) left top no-repeat;
}

.b_r {
	width: 18px;
	height: 18px;
	background: url(/img/css/sombra_bottom_right.png) left top no-repeat;
}

.b_c {
	height: 18px;
	background: url(/img/css/sombra_bottom_center.png) left top repeat-x;
}

.err_mess {
	color: #6e6e6e;
}

.err_mess a {
	color: #5b9dcd;
}

.err_mess a:hover {
	color: #83c2f0;
}